@charset "utf-8";
@import 'reset.scss';
@import 'footer.scss';
@import 'item.scss';
@import 'discover.scss';
@import 'details.scss';
@import 'mine.scss';

.web{position: relative;
	height: 100%;
	// overflow: hidden;
	header{width: 100%;
		position: absolute;
		box-sizing: border-box;
		padding: vw(17) vw(22) vw(10);
		display: flex;
		justify-content: space-between;
		align-items: center;
		.imgbox{
			width: vw(123);
			height: vw(123);
			overflow: hidden;
			display: block;
			img{
				width: 100%;
			}
		}
		.search_box{
			width: vw(270);
			height: vw(55);
			border: 2px solid $color;
			border-radius: vw(28);
			display: flex;
			align-items: center;
			padding: 0 vw(16) 0 vw(24);
			justify-content: space-between;
				input{
				height:vw(40);
				width: vw(180);
				font-size: vw(24);
				border: none;
				outline: none;
			}
				i{font-size: vw(34);
				color: $color;
			}
		}
		.city{position: relative;
		select{
			background-color: white;
			width: vw(162);
			height: vw(60);
			border: 2px solid $color;
			box-sizing: border-box;
			font-size: vw(26);
			padding-left:vw(14) ;
			appearance: none;
			-webkit-appearance: none;
			// -ms-
			// -o-
			// -moz-
			outline: none;
			}
			&::after{
				content: "";
				display: block;
				width: 0;
				height: 0;
				border-left: vw(15) solid transparent;
				border-right:vw(15) solid transparent; 
				border-top: vw(15) solid $color;
				position: absolute;
				right:vw(10);
				top:50%;
				transform: translateY(-50%);
				z-index: 1;
				pointer-events: none;}
					// 点击事件无效,穿透
		}
	}
	main{
		position: absolute;
		top:vw(168);
		bottom:vw(136);
		overflow: auto;
		// height: 100%;
		width: 100%;
	.kv{width: 100%;
		img{width: 100%;	
		}
	}
	.discount{   
		.tittle{
			padding: vw(20) vw(20);
			display: flex;
			justify-content: space-between;
			align-items: center;
			i{
				color:$color;
				font-size: vw(56);
			}
			p{font-size: vw(30);}
			span{font-size: vw(26);}
			a{  
				color:black;
				font-size: vw(24);
				i{font-size: vw(28);
				}
			}
		.tittle_word{
			flex-grow:1;
		}
		}
	.photo_tittle{
		// width: vw(750);
		height: vw(230);
		padding: 0 vw(70) ;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		.left1{height: vw(100);
			img{width: vw(242);
				}
			}
		.right1{height: vw(100);
				img{width: vw(242);
				}
			}
		}
	}
	.like{
		
		.tittle{
			padding: vw(20) vw(20);
			display: flex;
			align-items: center;
			justify-content: space-between;
			i{
			color:$color;
			font-size: vw(56);
			}
			p{font-size: vw(30);}
			span{font-size: vw(26);}
			a{ color:black;
				font-size: vw(24);
				i{
					font-size: vw(28);
				}
			}
		.tittle_word{flex-grow:1;
			
				}
		}
	.guess{
		display: flex;
		justify-content: space-between;
		position: relative;
		margin-bottom: vw(20);
		// height: vw(300);
		padding: 0 vw(20);
		a{
			color: #494949;
		
		.left_box{display: flex;
			align-items: center;
			img{width:vw(250);
			height: vw(200);}
			ul{padding-left: vw(25);
				display: inline-block;
				li{color:black;
					p{
						color:$color;
					}
					h2{font-size: vw(30);}
					p{font-size: vw(32);}
					span{color:#494949;
					font-size: vw(24);
					}
				}
			}
		}
		.right_box{display: inline-block;
		font-size: vw(24);
		line-height: vw(70);
		text-align: right;
		position: absolute;
		top:50%;
		right:3%;
		transform: translateY(-50%);
			}
		}
		
	}
}
	
	}  
	// main
	
	
	
	// last
}